<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>半岛小镇-HalfIsland</title>
        <link rel="icon" type="image/x-icon" href="assets/logo.webp" />
        <!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="css/styles.css" rel="stylesheet" />
    </head>
    <body id="page-top">
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
            <div class="container px-4 px-lg-5">
                <a class="navbar-brand" href="#page-top">主页</a>
                <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    Menu
                    <i class="fas fa-bars"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item"><a class="nav-link" href="#about">介绍</a></li>
                        <li class="nav-item"><a class="nav-link" href="#projects">剪影</a></li>
                        <li class="nav-item"><a class="nav-link" href="#join">加入</a></li>
                        <li class="nav-item"><a class="nav-link" href="#downLoad">下载</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://www.minebbs.com/">论坛</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- Masthead-->
        <header class="masthead">
            <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
                <div class="d-flex justify-content-center">
                    <div class="text-center">
                        <h1 class="mx-auto my-0 text-uppercase">HalfIsland</h1>
                        <h2 class="text-white-50 mx-auto mt-2 mb-5">融洽的玩家氛围，多样的游玩选择，良好的游玩体验，致力于构建有趣的MC服务器</h2>
                        <a class="btn btn-primary" href="#about">让我们开始吧</a>
                    </div>
                </div>
            </div>
        </header>
        <!-- About-->
        <section class="about-section text-center" id="about">
            <div class="container px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5 justify-content-center">
                    <div class="col-lg-8">
                        <h2 class="text-white mb-4">我们的大家庭</h2>
                        <p class="text-white-50">
                            这是一个创办了接近5年的老牌服务器，由网易服务器转型为国际服,经历了许多风风雨雨。在此过程中，也吸收了不少常驻玩家，他们陪伴了半岛小镇
                            服务器走到现在，缺少他们中的任何一个人，都不会有现在的我们，同时我们十分也欢迎新玩家加入我们的大家庭。
                        </p>
                    </div>
                </div>
                <img class="img-fluid" src="assets/img/pmp-minecraft-howitworks-survive.webp" alt="..." />
            </div>
        </section>
        <!-- Projects-->
        <section class="projects-section bg-light bg-wool-white" id="projects" style="padding-top: 0">
            <div class="project-title">
                <h2 style="text-align: center;margin-bottom: 50px;color: white">半岛小镇服务器剪影</h2>
            </div>
            <div class="bg-wool"></div>

            <div class="container px-4 px-lg-5">
                <!-- Featured Project Row-->
                <div class="row gx-0 mb-4 mb-lg-5 align-items-center">
                    <div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="assets/img/groupPhoto.jpeg" alt="..." /></div>
                    <div class="col-xl-4 col-lg-5">
                        <div class="featured-text text-center text-lg-left">
                            <h4>玩家大合影</h4>
                            <p class="text-black-50 mb-0">各位玩家在2022年的跨年合影，服务器又迈向了新的一年</p>
                        </div>
                    </div>
                </div>
                <!-- Project One Row-->
                <div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
                    <div class="col-lg-6"><img class="img-fluid" src="assets/img/survival.jpg" alt="..." /></div>
                    <div class="col-lg-6">
                        <div class="bg-black text-center h-100 project">
                            <div class="d-flex h-100">
                                <div class="project-text w-100 my-auto text-center text-lg-left">
                                    <h4 class="text-white">生存服务器</h4>
                                    <p class="mb-0 text-white-50">在这里你可以体验到原汁原味的生存，只包含了最基础的生存插件，没有加载任何模组，尽情享受原版生存带来的快乐!</p>
                                    <hr class="d-none d-lg-block mb-0 ms-0" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Project Two Row-->
                <div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
                    <div class="col-lg-6"><img class="img-fluid" src="assets/img/create.jpg" alt="..." /></div>
                    <div class="col-lg-6 order-lg-first">
                        <div class="bg-black text-center h-100 project">
                            <div class="d-flex h-100">
                                <div class="project-text w-100 my-auto text-center text-lg-right">
                                    <h4 class="text-white">建筑服务器</h4>
                                    <p class="mb-0 text-white-50">在这里你可以尽情的创造，装载了速建创世神模组，极大地提高了建筑效率，可以建筑摩天大楼，红石机器等等，能限制你发挥的只有你的想象力!</p>
                                    <hr class="d-none d-lg-block mb-0 me-0" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Project Two Three-->
                <div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
                    <div class="col-lg-6"><img class="img-fluid" src="assets/img/skyblock.jpeg" alt="..." /></div>
                    <div class="col-lg-6">
                        <div class="bg-black text-center h-100 project">
                            <div class="d-flex h-100">
                                <div class="project-text w-100 my-auto text-center text-lg-left">
                                    <h4 class="text-white">空岛服务器</h4>
                                    <p class="mb-0 text-white-50">装载了别样的生存模组与增加冒险趣味的怪物模组，提高了空岛生存玩法的随机性，相较于原版可玩性更高。</p>
                                    <hr class="d-none d-lg-block mb-0 ms-0" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="join"  class="join">
                <img class="img-fluid" src="assets/img/servers-hub-3.webp" alt="..." />
                <div class="col-auto" style="justify-content: center"><button class="btn btn-primary" id="joinUs" > 加 入 我 们 </button></div>
            </div>
        </section>
        <!-- Signup-->
        <section class="signup-section" id="downLoad">
            <div class="container px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5">
                    <div class="col-md-10 col-lg-8 mx-auto text-center">
                        <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
                        <h2 class="text-white mb-5">下载正版Minecraft客户端</h2>
                        <div class="row input-group-newsletter" style="justify-content: center">
                            <div class="col-auto"><button class="btn btn-primary" id="submitButton" >Download</button></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Contact-->
        <section class="contact-section bg-black">
            <div class="container px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5">
                    <div class="col-md-4 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-map-marked-alt text-primary mb-2"></i>
                                <h4 class="text-uppercase m-0">QQ群号</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50"><a href="https://jq.qq.com/?_wv=1027&k=FcOODdON">929842509</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-envelope text-primary mb-2"></i>
                                <h4 class="text-uppercase m-0">邮箱</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50"><a>2633565580@qq.com</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-mobile-alt text-primary mb-2"></i>
                                <h4 class="text-uppercase m-0">客户端版本</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50">BE-1.18.12</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="social d-flex justify-content-center">
                    <a class="mx-2"><i class="fab fa-twitter"></i></a>
                    <a class="mx-2"><i class="fab fa-facebook-f"></i></a>
                    <a class="mx-2" href="https://gitee.com/FLoat1024/server-website"><i class="fab fa-github"></i></a>
                </div>
            </div>
        </section>
        <!-- Footer-->
        <footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Copyright 2022&copy; HalfIsland.com 渝ICP备2022001860号 </div></footer>
        <!-- Bootstrap core JS-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
        <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
        <!-- * *                              HalfIsland Server                          * *-->
        <!-- * *                              Made by HanJiang                           * *-->
        <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
        <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
    </body>
</html>
